{% extends "hs-base.html" %}
{% block div %}
    <div class="content">
        <div class="container-fluid">

            <div class="row">
                            <div class="col-md-12">
                                <div class="card-box">
                                    <h4 class="header-title m-t-0 m-b-30">JAR版本查看</h4>

                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a href="#trade" data-toggle="tab" aria-expanded="false" class="nav-link">
                                               <i class="fi-monitor mr-2"></i> TRADE
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#web" data-toggle="tab" aria-expanded="true" class="nav-link active">
                                                <i class="fi-head mr-2"></i> WEB
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#flow" data-toggle="tab" aria-expanded="false" class="nav-link">
                                                <i class="fi-mail mr-2"></i> FLOW
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#acct" data-toggle="tab" aria-expanded="false" class="nav-link">
                                                <i class="fi-cog mr-2"></i> ACCT
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#flow-view" data-toggle="tab" aria-expanded="false" class="nav-link">
                                                <i class="fi-cog mr-2"></i> FLOW-VIEW
                                            </a>
                                        </li>
                                                                                <li class="nav-item">
                                            <a href="#svr" data-toggle="tab" aria-expanded="false" class="nav-link">
                                                <i class="fi-cog mr-2"></i> SVR
                                            </a>
                                        </li>
                                                                                <li class="nav-item">
                                            <a href="#ext" data-toggle="tab" aria-expanded="false" class="nav-link">
                                                <i class="fi-cog mr-2"></i> EXT
                                            </a>
                                        </li>
                                                                                <li class="nav-item">
                                            <a href="#witness" data-toggle="tab" aria-expanded="false" class="nav-link">
                                                <i class="fi-cog mr-2"></i> WITNESS
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane" id="trade">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card-box table-responsive">

                                                        <table id="datatable" class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>Jar包名称</th>
                                                                <th>版本号</th>
                                                            </tr>
                                                            </thead>


                                                            <tbody>
                                                            {% for trade_li in trade_list %}
                                                            <tr>
                                                                <td>{{ trade_li }}</td>
                                                                <td>{{ trade_list[trade_li] }}</td>
                                                            </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>
                                        <div class="tab-pane show active" id="web">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card-box table-responsive">

                                                        <table id="datatable1" class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>Jar包名称</th>
                                                                <th>版本号</th>
                                                            </tr>
                                                            </thead>


                                                            <tbody>
                                                            {% for web_li in web_list %}
                                                            <tr>
                                                                <td>{{ web_li }}</td>
                                                                <td>{{ web_list[web_li] }}</td>
                                                            </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>
                                        <div class="tab-pane" id="flow">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card-box table-responsive">

                                                        <table id="datatable2" class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>Jar包名称</th>
                                                                <th>版本号</th>
                                                            </tr>
                                                            </thead>


                                                            <tbody>
                                                            {% for flow_li in flow_list %}
                                                            <tr>
                                                                <td>{{ flow_li }}</td>
                                                                <td>{{ flow_list[flow_li] }}</td>
                                                            </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>
                                        <div class="tab-pane" id="acct">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card-box table-responsive">

                                                        <table id="datatable3" class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>Jar包名称</th>
                                                                <th>版本号</th>
                                                            </tr>
                                                            </thead>


                                                            <tbody>
                                                            {% for acct_li in acct_list %}
                                                            <tr>
                                                                <td>{{ acct_li }}</td>
                                                                <td>{{ acct_list[acct_li] }}</td>
                                                            </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>
                                        <div class="tab-pane" id="flow-view">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card-box table-responsive">

                                                        <table id="datatable4" class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>Jar包名称</th>
                                                                <th>版本号</th>
                                                            </tr>
                                                            </thead>


                                                            <tbody>
                                                            {% for flow_view_li in flow_view_list %}
                                                            <tr>
                                                                <td>{{ flow_view_li }}</td>
                                                                <td>{{ flow_view_list[flow_view_li] }}</td>
                                                            </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>
                                        <div class="tab-pane" id="svr">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card-box table-responsive">

                                                        <table id="datatable5" class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>Jar包名称</th>
                                                                <th>版本号</th>
                                                            </tr>
                                                            </thead>


                                                            <tbody>
                                                            {% for svr_li in svr_list %}
                                                            <tr>
                                                                <td>{{ svr_li }}</td>
                                                                <td>{{ svr_list[svr_li] }}</td>
                                                            </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>
                                        <div class="tab-pane" id="ext">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card-box table-responsive">

                                                        <table id="datatable6" class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>Jar包名称</th>
                                                                <th>版本号</th>
                                                            </tr>
                                                            </thead>


                                                            <tbody>
                                                            {% for ext_li in ext_list %}
                                                            <tr>
                                                                <td>{{ ext_li }}</td>
                                                                <td>{{ ext_list[ext_li] }}</td>
                                                            </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>
                                        <div class="tab-pane" id="witness">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="card-box table-responsive">

                                                        <table id="datatable7" class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                <th>Jar包名称</th>
                                                                <th>版本号</th>
                                                            </tr>
                                                            </thead>


                                                            <tbody>
                                                            {% for witness_li in witness_list %}
                                                            <tr>
                                                                <td>{{ witness_li }}</td>
                                                                <td>{{ witness_list[witness_li] }}</td>
                                                            </tr>
                                                            {% endfor %}
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end row -->
                                        </div>

                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div>





                    </div> <!-- container -->


{% endblock %}
{% block script %}
{% endblock %}